<!DOCTYPE html>
@php
$app= app('wechat.official_account');
@endphp
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="format-detection" content="address=no;">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="applicable-device" content="mobile">
    <meta name="copyright" content="Copyright qfang.com All Rights Reserved">
    <link rel="icon" type="image/x-icon" href="{{asset('style/images/dist/favicon.ico')}}">
    <title>找厂房就上阿力士，工业地产大数据招商平台</title>
    <meta name="keywords" content="广州房产网,广州房产信息网,广州出租厂房">
    <meta name="description" content="广州是广州规模最大的房地产信息网站,为您提供广州最新厂房、园区等房产信息">
    <link rel="stylesheet" type="text/css" href="{{asset('style/css/dist-style.css')}}">
</head>
<body>
	<div class="header-wrap" style="background: url({{$project->logo}}) no-repeat 50% 50%/cover">
		<img src="{{asset('style/images/dist/logo.png')}}" />
		<a href="{{config('admin.app_outurl')}}/detail/{{$project->id}}">了解厂房详情<span class="triangle"></span></a>
	</div>
	<div class="content-wrap">
		<div class="content-wrap-1">
			{{$brokerProject->title}}<br>赚佣金<span>{{$brokerProject->total}}</span>万
		</div>
		<div class="content-wrap-2">奖金自动发送到微信</div>
		<div class="content-wrap-3">
			<div class="content-wrap-common">
				<div class="content-common-title">
					<h1><span class="icon-left"><i class="small-line"></i><i class="big-line"></i></span>奖金剩余<span class="icon-right"><i class="big-line"></i><i class="small-line"></i></span></h1>
					<div class="circle-left"></div>
					<div class="circle-right"></div>
				</div>
				<div class="content-common-content">
					<div class="money-num"><span>{{$brokerProject->last}}</span>元</div>
					<div class="money-state">奖金池<span>{{$brokerProject->total}}</span>元，共有<span>600</span>人推荐，<span>32</span>人获得佣金，最高奖励：<span>300000</span>元</div>
				</div>
				<a href="##" onclick="share()" class="moneu-button">立即推荐客户</a>
			</div>
			<div class="bac-img"></div>
		</div>
		<div class="content-wrap-4">
			<div class="content-wrap-common">
				<div class="content-common-title">
					<h1><span class="icon-left"><i class="small-line"></i><i class="big-line"></i></span>奖励规则<span class="icon-right"><i class="big-line"></i><i class="small-line"></i></span></h1>
					<div class="circle-left"></div>
					<div class="circle-right"></div>
				</div>
				<div class="content-common-content">
					<div class="rule-list-wrap">
						<div class="rule-title">规则一</div>
						<ul class="rule-list">
							<li>报备客户，立即发放奖励<span>{{$brokerProject->effective_first_reward}}</span>元至钱包。</li>
							<li>客户到场，立即奖励<span>{{$brokerProject->follow_first_reward}}</span>元，可提现。</li>
							<li>客户成交当日，立即奖励{{$brokerProject->transaction_first_reward}}元，可提现。</li>
						</ul>
					</div>
					<div class="rule-list-wrap">
						<div class="rule-title rule-title1">规则二</div>
						<ul class="rule-list">
							<li>点击底部分销按钮，生成你的专属分销渠道，分享到你的朋友圈。</li>
							<li>由他人推荐成功的，系统额外发送对方佣金{{$brokerProject->second_reward}}到您的账户。</li>
						</ul>
					</div>
				</div>
				<div class="rule-bottom">
					<a href="##" onclick="openLayer()">了解详细规则<span></span></a>
					<h2>奖金系统自动发放到微信&nbsp;本活动由阿力士认证</h2>
				</div>
			</div>
			<div class="bac-img"></div>
		</div>
		<div class="content-wrap-5">
			<div class="content-wrap-common content-common-special">
				<div class="content-common-title">
					<h1><span class="icon-left"><i class="small-line"></i><i class="big-line"></i></span>获奖动态<span class="icon-right"><i class="big-line"></i><i class="small-line"></i></span></h1>
					<div class="circle-left"></div>
					<div class="circle-right"></div>
				</div>
				<div class="content-common-content">
					<ul class="dynamic-static">
						@foreach ($reward as $rewards)
						<li><img src="{{asset('style/images/dist/photo.jpg')}}"/>热烈祝贺：{{$rewards->fromUser->name}}推荐成功，获得<span>{{$rewards->reward}}</span>元推荐奖励</li>
						@endforeach
					</ul>
				</div>
			</div>
		</div>
		<div class="content-wrap-6">
			<h2>*本活动由阿力士认证，真实有效！活动解释权归阿力士所有</h2>
			<div class="phone">客服热线：13823338888</div>
			<div class="num">浏览量：300000<span></span>分销量：305</div>
		</div>
	</div>
	<div class="footer-wrap">
		<a href="##" class="active">我要分销</a>
		<a href="##" class="special">立即报备<span class="add"></span></a>
		<a href="##">我的钱包<span class="wallet"></span></a>
	</div>
	<!-- 弹窗部分 -->
	<div class="alert-wrap" id="alert-wrap">
		<div class="layer-shade"></div>
	    <div class="layer-main">
	      <div class="layer-section">
		      <div class="layer-child">
		        <h1>详细规则</h1>
		        <ul>
					<li>
						<div class="layer-left">1</div>
						<div class="layer-right">
							<h2>报备</h2>
							<p><span>{{$brokerProject->effective_first_reward}}</span>元报备奖励，发放到钱包，暂不可提现。</p>
						</div>
					</li>
					<li>
						<div class="layer-left">2</div>
						<div class="layer-right">
							<h2>进度更新</h2>
							<p>跟进进度，短信通知</p>
						</div>
					</li>
					<li>
						<div class="layer-left">3</div>
						<div class="layer-right">
							<h2>客户到现场</h2>
							<p>奖励<span>{{$brokerProject->follow_first_reward}}</span>元，连同报备<span>{{$brokerProject->effective_first_reward}}</span>元可立即提现。</p>
						</div>
					</li>
					<li>
						<div class="layer-left">4</div>
						<div class="layer-right">
							<h2>客户成交</h2>
							<p>立即奖励<span>{{$brokerProject->transaction_first_reward}}</span>元至账户，可立即提现</p>
						</div>
					</li>
		        </ul>
		        <div class="layer-bottom">*所有解释权归阿力士招商网所有</div>
		        <div class="layer-close" onclick="closeLayer()"></div>
		      </div>
	    	</div>
	    </div>
	</div>

	<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="{{asset('style/js/jquery-2.1.4.min.js')}}}" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		function closeLayer(){
			document.getElementById('alert-wrap').style.display = 'none';
		}
		function openLayer(){
			document.getElementById('alert-wrap').style.display = 'block';
		}
		function share(){

		}
		//实现微信分享功能
		wx.config(<?php echo $app->jssdk->buildConfig(array('onMenuShareTimeline','onMenuShareAppMessage'), false) ?>);
		wx.ready(function(){
			wx.onMenuShareTimeline({
				title: '{{$brokerProject->title}}', // 分享标题
				link: '{{url()->current()}}/{{$user->id}}', // 分享链接
				imgUrl: '{{$project->logo}}', // 分享图标
				success: function () {
					// 用户确认分享后执行的回调函数
				},
				cancel: function () {
					// 用户取消分享后执行的回调函数
				}

			});
			//发送给朋友
			wx.onMenuShareAppMessage({
				title: '{{$brokerProject->title}}', // 分享标题
				link: '{{url()->current()}}/{{$user->id}}', // 分享链接
				desc:'{{$brokerProject->desc}}',
				imgUrl: '{{$project->logo}}', // 分享图标
				type: 'link', // 分享类型,music、video或link，不填默认为link
				dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
				success: function () {
				// 用户确认分享后执行的回调函数
				},
				cancel: function () {
				// 用户取消分享后执行的回调函数
				}
			});

		});
		wx.error(function (res) {
			alert(res.errMsg);  //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示
		});

	</script>
</body>
</html>